<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no"
        name="viewport">
        <meta name="format-detection" content="telephone=no">
        <title>
            网页搜索_美团
        </title>
        <link rel="shortcut icon" href="http://stlogo.sm.cn/wap/sm/img/favicon.ico"
        type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="main.css">
    </head>
    <body>
        <div class="focus-img show-wrap">
            <ul class="nav">
                <li>
                    <a href="http://i.meituan.com/deal/2286521.html/?nodown&amp;utm_source=waputm_searchmore&amp;utm_medium=wap"
                    data-log="10">
                        <div class="img-wrap">
                            <img data-image="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzM1Njk2ODk3X185MTA4MDc2LmpwZw==&amp;sign=yx:BbVMhklQspxk1YHFpjxicrWPvRI=&amp;tv=150_150&amp;x.jpg"
                            src="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzM1Njk2ODk3X185MTA4MDc2LmpwZw==&amp;sign=yx:BbVMhklQspxk1YHFpjxicrWPvRI=&amp;tv=150_150&amp;x.jpg">
                        </div>
                        <div class="goods-info-p">
                            <p class="info-details">
                                【佈麻佈辣精品冒菜】仅售8.50元！价值10元的代金券1...
                                <span>
                                    [37店通用]
                                </span>
                            </p>
                            <p class="good-price">
                                <b>
                                    <strong>
                                        8.5
                                    </strong>
                                    元
                                </b>
                                <s>
                                    10元
                                </s>
                                <span>
                                    59297人
                                </span>
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="http://i.meituan.com/deal/25458863.html/?nodown&amp;utm_source=waputm_searchmore&amp;utm_medium=wap"
                    data-log="10">
                        <div class="img-wrap">
                            <img data-image="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AxLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ4NjY0NTk4X184NDQzNjcxLmpwZw==&amp;sign=yx:2OjlerpDXQt-kqGGBv8Ke_D48qc=&amp;tv=150_150&amp;x.jpg"
                            src="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AxLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ4NjY0NTk4X184NDQzNjcxLmpwZw==&amp;sign=yx:2OjlerpDXQt-kqGGBv8Ke_D48qc=&amp;tv=150_150&amp;x.jpg">
                        </div>
                        <div class="goods-info-p">
                            <p class="info-details">
                                【天绿迴转寿司】仅售68元！价值78元的价值78元的...
                                <span>
                                    [9店通用]
                                </span>
                            </p>
                            <p class="good-price">
                                <b>
                                    <strong>
                                        68
                                    </strong>
                                    元
                                </b>
                                <s>
                                    78元
                                </s>
                                <span>
                                    37132人
                                </span>
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="http://i.meituan.com/deal/25482475.html/?nodown&amp;utm_source=waputm_searchmore&amp;utm_medium=wap"
                    data-log="10">
                        <div class="img-wrap">
                            <img data-image="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ4NjYyMzkzX180NTcxMDYyLmpwZw==&amp;sign=yx:lVhVtmTzblfqAx9vs1cakibGNfs=&amp;tv=150_150&amp;x.jpg"
                            src="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ4NjYyMzkzX180NTcxMDYyLmpwZw==&amp;sign=yx:lVhVtmTzblfqAx9vs1cakibGNfs=&amp;tv=150_150&amp;x.jpg">
                        </div>
                        <div class="goods-info-p">
                            <p class="info-details">
                                【天绿迴转寿司】仅售32.5元！价值50元的代金券1...
                                <span>
                                    [4店通用]
                                </span>
                            </p>
                            <p class="good-price">
                                <b>
                                    <strong>
                                        32.5
                                    </strong>
                                    元
                                </b>
                                <s>
                                    50元
                                </s>
                                <span>
                                    14500人
                                </span>
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="http://i.meituan.com/deal/25600497.html/?nodown&amp;utm_source=waputm_searchmore&amp;utm_medium=wap"
                    data-log="10">
                        <div class="img-wrap">
                            <img data-image="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AxLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ5MDEyNzg4X18zMTIwNTQyLmpwZw==&amp;sign=yx:yVQjUODSgJQbSVsfrhoEISpYMJU=&amp;tv=150_150&amp;x.jpg"
                            src="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AxLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ5MDEyNzg4X18zMTIwNTQyLmpwZw==&amp;sign=yx:yVQjUODSgJQbSVsfrhoEISpYMJU=&amp;tv=150_150&amp;x.jpg">
                        </div>
                        <div class="goods-info-p">
                            <p class="info-details">
                                【巴萨奴纳】仅售43元！价值68元的单人自助午...
                                <span>
                                    [11店通用]
                                </span>
                            </p>
                            <p class="good-price">
                                <b>
                                    <strong>
                                        43
                                    </strong>
                                    元
                                </b>
                                <s>
                                    68元
                                </s>
                                <span>
                                    23791人
                                </span>
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="http://i.meituan.com/deal/3507818.html/?nodown&amp;utm_source=waputm_searchmore&amp;utm_medium=wap"
                    data-log="10">
                        <div class="img-wrap">
                            <img data-image="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ2NzY4NzI0X18yMzE3NjgxLmpwZw==&amp;sign=yx:g-U2XUXkxsXuTvqNED_kgQjW0y0=&amp;tv=150_150&amp;x.jpg"
                            src="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ2NzY4NzI0X18yMzE3NjgxLmpwZw==&amp;sign=yx:g-U2XUXkxsXuTvqNED_kgQjW0y0=&amp;tv=150_150&amp;x.jpg">
                        </div>
                        <div class="goods-info-p">
                            <p class="info-details">
                                【每味每客】仅售7.5元！价值10元的代金券1张...
                                <span>
                                    [8店通用]
                                </span>
                            </p>
                            <p class="good-price">
                                <b>
                                    <strong>
                                        7.5
                                    </strong>
                                    元
                                </b>
                                <s>
                                    10元
                                </s>
                                <span>
                                    73686人
                                </span>
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="http://i.meituan.com/deal/4781377.html/?nodown&amp;utm_source=waputm_searchmore&amp;utm_medium=wap"
                    data-log="10">
                        <div class="img-wrap">
                            <img data-image="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ2NzcwMjAzX181ODcxODY2LmpwZw==&amp;sign=yx:KEdAO8frac3dt8ifH1XarLjB6MA=&amp;tv=150_150&amp;x.jpg"
                            src="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ2NzcwMjAzX181ODcxODY2LmpwZw==&amp;sign=yx:KEdAO8frac3dt8ifH1XarLjB6MA=&amp;tv=150_150&amp;x.jpg">
                        </div>
                        <div class="goods-info-p">
                            <p class="info-details">
                                【每味每客】仅售12元！价值20元的代金券1张...
                                <span>
                                    [3店通用]
                                </span>
                            </p>
                            <p class="good-price">
                                <b>
                                    <strong>
                                        12
                                    </strong>
                                    元
                                </b>
                                <s>
                                    20元
                                </s>
                                <span>
                                    65247人
                                </span>
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="http://i.meituan.com/deal/2286521.html/?nodown&amp;utm_source=waputm_searchmore&amp;utm_medium=wap"
                    data-log="10">
                        <div class="img-wrap">
                            <img data-image="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzM1Njk2ODk3X185MTA4MDc2LmpwZw==&amp;sign=yx:BbVMhklQspxk1YHFpjxicrWPvRI=&amp;tv=150_150&amp;x.jpg"
                            src="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzM1Njk2ODk3X185MTA4MDc2LmpwZw==&amp;sign=yx:BbVMhklQspxk1YHFpjxicrWPvRI=&amp;tv=150_150&amp;x.jpg">
                        </div>
                        <div class="goods-info-p">
                            <p class="info-details">
                                【佈麻佈辣精品冒菜】仅售8.50元！价值10元的代金券1...
                                <span>
                                    [37店通用]
                                </span>
                            </p>
                            <p class="good-price">
                                <b>
                                    <strong>
                                        8.5
                                    </strong>
                                    元
                                </b>
                                <s>
                                    10元
                                </s>
                                <span>
                                    59297人
                                </span>
                            </p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="http://i.meituan.com/deal/4781377.html/?nodown&amp;utm_source=waputm_searchmore&amp;utm_medium=wap"
                    data-log="10">
                        <div class="img-wrap">
                            <img data-image="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ2NzcwMjAzX181ODcxODY2LmpwZw==&amp;sign=yx:KEdAO8frac3dt8ifH1XarLjB6MA=&amp;tv=150_150&amp;x.jpg"
                            src="http://s2.zimgs.cn/ims?kt=url&amp;at=sc&amp;key=aHR0cDovL3AwLm1laXR1YW4ubmV0LzIwMC4xMjAvZGVhbC9fXzQ2NzcwMjAzX181ODcxODY2LmpwZw==&amp;sign=yx:KEdAO8frac3dt8ifH1XarLjB6MA=&amp;tv=150_150&amp;x.jpg">
                        </div>
                        <div class="goods-info-p">
                            <p class="info-details">
                                【每味每客】仅售12元！价值20元的代金券1张...
                                <span>
                                    [3店通用]
                                </span>
                            </p>
                            <p class="good-price">
                                <b>
                                    <strong>
                                        12
                                    </strong>
                                    元
                                </b>
                                <s>
                                    20元
                                </s>
                                <span>
                                    65247人
                                </span>
                            </p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <script>
        (function() {
            var oli = [].slice.apply(document.getElementsByTagName('li')),
            oul = document.getElementsByTagName('ul')[0],
            len = oli.length,
            scaleW = window.innerWidth,
            timer = null;

            for (var i = 0; i < len; i++) {

                oli[i].idx = i;
                if (i == 0) {
                    oli[i].style.webkitTransform = "translate3d(" + i * scaleW + "px, 0, 0)";
                } else if (i == len - 1) {
                    oli[i].style.webkitTransform = "translate3d(-" + scaleW + "px, 0, 0)";
                } else {
                    oli[i].style.webkitTransform = "translate3d(" + scaleW + "px, 0, 0)";
                }
            };

            //手指按下的处理事件
            var startHandler = function(evt) {
                clearInterval(timer);

                //记录手指按下的坐标
                this.startX = evt.touches[0].pageX;

                this.direction = 0;

                //事件对象
                var target = evt.target;
                while (target.nodeName != 'LI' && target.nodeName != 'BODY') {
                    target = target.parentNode;
                }
                this.target = target;

            };

            var moveHandler = function(evt) {
                evt.preventDefault();

                //记录方向，赋值为向左，正值为向右。
                this.direction = evt.touches[0].pageX - this.startX;
            }

            //手指抬起的处理事件
            var endHandler = function(evt) {

                timer = setInterval(function() {
                    move('right');
                },
                2000);

                evt.preventDefault();

                if (this.direction < 0) {
                    move('right');
                } else {
                    move('left');
                }
            }

            oul.addEventListener('touchstart', startHandler, false);
            oul.addEventListener('touchmove', moveHandler, false);
            oul.addEventListener('touchend', endHandler, false);

            function move(flag) {
                for (var i = oli.length - 1; i >= 0; i--) {
                    oli[i].style.webkitTransition = "";
                };
                if (flag == 'left') {
                    oli.unshift(oli.pop());
                    oli[len - 1].style.webkitTransform = 'translate3d(-' + scaleW + 'px, 0, 0)';

                    oli[0].style.webkitTransition = '-webkit-transform 0.8s ease-out';
                    oli[1].style.webkitTransition = '-webkit-transform 0.8s ease-out';
                    oli[0].style.webkitTransform = 'translate3d(0, 0, 0)';
                    oli[1].style.webkitTransform = 'translate3d(' + scaleW + 'px, 0, 0)';
                } else {
                    oli.push(oli.shift());

                    oli[1].style.webkitTransform = 'translate3d(' + scaleW + 'px, 0, 0)';

                    oli[0].style.webkitTransition = '-webkit-transform 0.8s ease-out';
                    oli[len - 1].style.webkitTransition = '-webkit-transform 0.8s ease-out';
                    oli[0].style.webkitTransform = 'translate3d(0, 0, 0)';
                    oli[len - 1].style.webkitTransform = 'translate3d(-' + scaleW + 'px, 0, 0)';
                }

            }

            timer = setInterval(function() {
                move('right')
            },
            2000);

        })()
        </script>
    </body>

</html>